// 通用样式
// 注意⚠️ 1rpx === 0.5px
.c-flex {
  display: flex;
}

.c-flex-1 {
  flex: 1;
}

.c-flex-row {
  display: flex;
  flex-direction: row;
}

.c-flex-col {
  display: flex;
  flex-direction: column;
}
.c-align-center {
  display: flex;
  align-items: center;
}

.c-content-center {
  display: flex;
  justify-content: center;
}

.c-flex-center {
  .c-align-center();
  .c-content-center();
}

.c-flex-around-center {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.c-flex-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}



.c-width-full {
  width: 100vw;
}

.c-height-full {
  width: 100vh;
}

.c-fixed {
  position: fixed;
}

.c-absolute {
  position: absolute;
}

.c-bottom0 {
  bottom: 0;
}

.c-top0 {
  top: 0;
}

.c-border1 {
  border-width: 1rpx;
}

.c-mg-h-32 {
  margin-left: 32rpx;
  margin-right: 32rpx;
}

.c-color-white {
  color: #fff;
}

.c-bg-white {
  background-color: #fff;
}

.c-color-black {
  color: #000;
}

.c-bg-black {
  background-color: #000;
}